<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
        <title>张家界风景图片</title>
        <style type="text/css">
            ul{
                list-style:none;
                text-align:center;
            }
            li{
                display:inline;
                width:120px;
                height:30px;
            }
        </style>>
    </head>
    <body>
        <h3 style="color:red;text-align:center;">张家界风景图片</h3>
               <div id="dv">
                   <ul>
                     <li>
                             <img src="http://p.chanyouji.cn/71444/1380285196034p185fm3ilb153i1dnni3i1sj01i91l.jpg" width="100px" height="100px" border="none"/>
                     </li>
                    <li>
                              <img src="http://img1.qunarzz.com/travel/d8/1804/89/1613306cc4db1db5.jpg_r_510x680x95_3f6faa8e.jpg" width="100px" height="100px" border="none"/>
                    </li>
                      <li>
                             <img src="http://pic35.photophoto.cn/20150521/0033033984159669_b.jpg" width="100px" height="100px" border="none"/>
                     </li>
                     <li>
                               <img src="http://img.pconline.com.cn/images/upload/upc/tx/itbbs/1809/06/c3/107761207_1536194336498_mthumb.jpg" width="100px" height="100px" border="none"/>
                     </li>
                  </ul>
              </div>
</body>
</html>